<template>
	<van-nav-bar :title="pageTitle" :left-text="leftText" :left-arrow="leftArrow" @click-left="onClickLeft" fixed />
</template>

<script>
export default {
	computed: {
		pageTitle() {
			return this.$route.meta.title;
		},
		leftText() {
			return this.$route.name == 'home' ? '' : '返回';
		},
		leftArrow() {
			return this.$route.name == 'home' ? false : true;
		}
	},
	methods: {
		onClickLeft() {
			this.$router.back();
		}
	}
};
</script>

<style scoped="scoped">
.van-nav-bar--fixed {
	background-color: #dfecee;
}
/* vue中针对不同的样式类型(css,less,scss)有不用的样式穿透方法。
css 使用 >>>
less 使用 /deep/
scss 使用 ::v-deep */
>>> .van-nav-bar__title {
	color: #1989fa;
}
</style>
